<template>
    <div>
        <h1>修改教师信息</h1>
        <el-row>
            <el-col :offset="4" :span="16">
                <el-form :model="teacherInfo" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
                <el-form-item label="教师姓名" prop="name">
                    <el-input v-model="teacherInfo.name"></el-input>
                </el-form-item>
                <el-form-item label="用户名" prop="username">
                    <el-input v-model="teacherInfo.username"></el-input>
                </el-form-item>
                <el-form-item label="密码" prop="password">
                    <el-input v-model="teacherInfo.password"></el-input>
                </el-form-item>
                <el-form-item label="身份证号" prop="identity">
                    <el-input v-model="teacherInfo.identity"></el-input>
                </el-form-item>
                <el-form-item label="手机号" prop="phone">
                    <el-input v-model="teacherInfo.phone"></el-input>
                </el-form-item>
                <el-form-item label="角色" prop="roleIds">
                    <el-checkbox-group v-model="teacherInfo.roleIds">
                        <el-checkbox :label="teacherRole.id" :value="teacherRoles.id" v-for="teacherRole in teacherRoles">{{teacherRole.roleName}}</el-checkbox>
                    </el-checkbox-group>
                </el-form-item>
                    <el-form-item label="性别" prop="sex">
                        <el-select v-model="teacherInfo.sex" placeholder="请选择">
                            <el-option
                                    v-for="item in options"
                                    :key="item.sex"
                                    :label="item.label"
                                    :value="item.sex">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="是否在职" prop="onjob">
                        <el-switch
                                v-model="teacherInfo.onjob"
                                active-text="在职"
                                inactive-text="离职">
                        </el-switch>
                    </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="submitForm">确认修改</el-button>
                </el-form-item>
            </el-form></el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "ManageUpdateTeacherView",
            data() {
                //验证身份证号
                let checkRegNo = (rule,value,callback) => {
                    var city={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "};
                    var tip = "";
                    var pass= true;
                    var patt1=new RegExp("(^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9Xx]$)|(^[1-9]\\d{5}\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{2}$)");
                    if(value == ''){
                        pass = true;
                    }else if(!patt1.test(value)){
                        callback(new Error("身份证号格式错误"));
                        pass = false;
                    } else if(!city[value.substr(0,2)]){
                        callback(new Error("地址编码错误"));
                        pass = false;
                    }else{
                        //18位身份证需要验证最后一位校验位
                        if(value.length == 18){
                            value = value.split('');
                            //∑(ai×Wi)(mod 11)
                            //加权因子
                            var factor = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2 ];
                            //校验位
                            var parity = [ 1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2 ];
                            var sum = 0;
                            var ai = 0;
                            var wi = 0;
                            for (var i = 0; i < 17; i++)
                            {
                                ai = value[i];
                                wi = factor[i];
                                sum += ai * wi;
                            }
                            var last = parity[sum % 11];
                            if(parity[sum % 11] != value[17]){
                                callback(new Error("身份证号码错误"));
                                pass =false;
                            }
                        }
                    }
                    if(pass){
                        callback();
                    }
                }
                return {
                    teacherRoles:[],
                    teacherInfo: {
                        name: '',
                        username:'',
                        password:'',
                        sex:'',
                        identity:'',
                        phone:'',
                        id:'',
                        onjob:'',
                        roleIds:[]
                    },
                    options: [{
                        sex: '男',
                        label: '男'
                    },
                        {
                            sex: '女',
                            label: '女'
                        }],
                    rules: {
                        name: [
                            {required: true, message: '请输入姓名', trigger: 'blur'}
                        ],
                        identity:[
                            { required: true, message: '身份证不能为空' },
                            { required: true,validator: checkRegNo, trigger: "blur" }
                        ],
                        phone:[
                            { required: true, message: '手机号不能为空' },
                            { type: 'number',
                                message: '手机号格式不正确',
                                trigger: 'blur',
                                transform (value) {
                                    var phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
                                    if (!phonereg.test(value)) {
                                        return false
                                    }else{
                                        return Number(value)
                                    }
                                }
                            }
                        ],
                    }
                };
            },
        created() {
          this.getTeacherById();
          this.handleInitRoles();
        },
        methods: {

            //查询角色列表
            handleInitRoles(){
                this.$axios.get("http://localhost:8080/manage/role/list").then(response => {
                    this.teacherRoles = response.data.data;
                });
            },
                //根据id查询teacher数据
                getTeacherById(){
                    let id = this.$route.query.id;
                    this.$axios.get('http://localhost:8080/manage/teacher/findById?id='+id).then(response=>{
                        this.teacherInfo = response.data.teacher;
                    });
                },
                submitForm() {
                    this.$refs["ruleForm"].validate((valid) => {
                        if (valid) {
                            this.$axios.post('http://localhost:8080/manage/teacher/update',this.teacherInfo).then(response=>{
                                this.$router.push('/manage/teacherList');
                            });
                        }
                    });
                },
            }
        }
</script>

<style scoped>
        .el-form{
            text-align: left;
        }
</style>